<template>
  <div class="complaint-result-page">
    <sys-header class="page-header"></sys-header>
    <div class="page-content">办不成事投诉页面</div>
    <corp-support class="corp"></corp-support>
  </div>
</template>

<script>
import SysHeader from '@bcom/SysHeader'
import CorpSupport from '@com/CorpSupport.vue'
// import { getComplaintResult } from '@apis/complaint.js'

export default {
  name: 'ComplaintResultPage',
  components: { SysHeader, CorpSupport },
  props: {},
  data() {
    return {
      repleyData: null,
    }
  },
  computed: {},
  watch: {},
  created() {
    const { code } = this.$route.params
    if (code) {
      this.getComplaintResult(code)
    }
  },
  mounted() {},
  methods: {
    getComplaintResult(code) {
      /* getComplaintResult(code).then(res => {
        if (res.status === 200) {
          this.repleyData = res.data
        } else {
          this.$message.warning('请输入有效的提取码！')
        }
      }) */
    },
  },
}
</script>
<style lang="scss" scoped>
.complaint-result-page {
  height: 100%;
  background: $-background-color-base;
  position: relative;
  @include flex-y(center);
  .page-content {
    flex: 1;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
    width: 80%;
    max-width: 1000px;
    box-shadow: $-box-shadow-page;
  }
  @media screen and(max-width:800px) {
    background: #fff;
    .page-content {
      width: 100%;
      box-shadow: none;
    }
    .corp {
      box-shadow: $-box-shadow-base;
      z-index: 1;
    }
  }
}
</style>
